body,a,ul,li,div,table,td,tr,td,i,span{margin:0;padding:0;}
ul,li{list-style:none;}
a:hover{text-decoration:none;}
input:focus{border-shadow:none;outline:none;}
select{outline:none;height:30px;width:160px;}
.clearfix:after{content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

/*     主题布局     */
.viewFramwork-header{position:fixed;top:0;left:0;right:0;z-index:10;height:64px;background:#FFF;box-shadow: 0 2px 4px rgba(0,0,0,.08);}
.viewFramwork-middle{top:64px;background:#FFF;width:100%;position:absolute;bottom:0px;display: block;z-index:9;}
.viewFramwork-footer{bottom:0;background:#5A6A7A;width:100%;position:absolute;height:60px;display: block;}



/*     公共样式     */
.view-but-default{display:block;text-align:center;padding:0 12px;height:38px;line-height:38px;font-size:1em; color:#333333;border-color: rgb(204, 204, 204);border:1px solid #CCCCCC;background:#FFF;min-width:160px;background:#1AB667;color:#FFF;border:none;}
.view-but-default:hover{background:#E6E6E6;color:#333333;background:#17A05A;color:#FFF;text-decoration:none;}



.input_search{border:none;border-bottom:1px solid #CCC;height:34px;font-size:12px;padding:0 10px;}
.input_search:focus{outline:none;}










.ui-header-nav {height:64px;float:right;}
.ui-header-nav li{float:left;}
.ui-header-nav a{display:block;width:64px;height:100%;padding:0;margin:0;line-height:64px;font-size:20px;text-align:center;}
.ui-header-nav i{font-size:20px;line-height:64px;color:#444;}
.ui-header-nav a:hover{background:#EEEEEE;}




.viewFramwork-middle-box{display: table; table-layout: fixed; border-spacing: 0; width: 100%;position:relative;height:100%;vertical-align:top;}

.inav-container,.main-container{display:table-cell;}
.inav-container{width:220px;height:100%;background:#262B33;border-spacing: 0;vertical-align: top;}
.main-container{width: 100%;position:relative;}

.inav-slimScrollDiv{position:relative;width:100%;}

.slimScroll-box{padding:0px;}
.slimScroll-inav-box{position:relative;}


.frames_body{overflow:auto;padding:4px 0;overflow-x:hidden;}
.distance-control{padding:0 20px;}
.form-item-table{width:100%;}




/*    选项卡样式     */
.ui-tab-box{background:#FFF;background:#FFF;margin:40px 0;}
.ui-tab-box li{font-size:14px;float:left;height:40px;line-height:40px;text-align:center;background:#FFF;}
.ui-tab-box .ui-tab-active{text-align:center;color:#36B0C8;background:#FFF;border-bottom:2px solid #009688;}
.ui-tab-box a{display:block;margin-right:20px;padding:0 10px;}


/*    表单布局样式   */
.ui-form-item label{font-weight: 500;color: #292c33;}
.ui-form-item .ui-item-label{display:block;margin-bottom:10px;font-size:16px;}
.ui-form-item .ui-form-txt{height:30px;color:#333;border:1px solid #98A1A6;font-size: 14px;border: 1px solid rgba(50,58,69,.2);padding:0 15px;border-radius:4px;text-align: start;height:40px;outline:none;height:40px;width:100%;}
.ui-form-item textarea{outline:none;width:100%;height:200px;padding-top:10px;padding:10px 15px;}
.ui-form-item .ui-form-txt:focus,.ui-form-item textarea:focus{border:1px solid #36B0C8;}
.ui-form-item textarea{outline:none;width:100%;height:200px;padding-top:10px;padding:10px 15px;border:1px solid #D6D7DA;}
.ui-form-item .ui-form-select{height:30px;color:#333;border:1px solid #98A1A6;font-size: 14px;border: 1px solid rgba(50,58,69,.2);padding:0 15px;border-radius:4px;text-align: start;height:40px;outline:none;height:40px;width:100%;}
.ui-form-item table label{margin-right:10px;}

.select-to{font-size: 12px;text-decoration: none;display: block;height: 36px;line-height:32px;text-align: center;float: left;background: #2A95DE;color: #FFF;padding: 0 20px;margin-left: 20px;position:absolute;right:4px;top:5px;border:1px solid #2A95DE;}



.aaaaaa:hover{background:#EDF2F3;}


/*   表格列表样式 1    */
.ui-table-list{width:100%;font:14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;padding:0px !important;}
.ui-table-list tbody{vertical-align: middle;}
.ui-table-list td,.ui-table-list th{padding:6px;color:#555;border-bottom:1px solid #F1F1F1;text-align:center; vertical-align: inherit;}
.ui-table-list th{font-size: 13px; color: #333;  white-space: nowrap;  border-top: solid 1px #ECECEC;line-height: 34px;
  height: 34px;color: #444;text-align: center;border-bottom:1px dotted  #ECECEC;padding:6px !important;}
.ui-table-list td{font: 12px "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif;}
.ui-table-list tbody tr:hover{background:#FBFBFB;}





.view-table-list{width:100%;font:14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;padding:0px !important;border-collapse:collapse;width:100%;}
.data-list-box{border-bottom:1px solid #F1F4F9;}


.view-table-list th{height: 34px;line-height: 34px;background:#FFF;font-weight:normal;font-size:14px;border-top:1px solid #E5E5E5;padding:6px !important;text-align: center;color:#444;white-space: nowrap;font-size: 13px;font-weight: 700;color: #333;white-space: nowrap;}
.view-table-list td{font: 12px "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif;height:40px;border-top: 1px dotted #DFE4EA;}
.view-table-list td,.ui-table-list th{padding:6px !important;color:#555;;text-align:center; vertical-align: inherit;}



.view-table-list tbody tr:hover{background:#FBFBFB;}



.sidebar-nav{margin:0;padding:0;}
.sidebar-nav a{font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;display:block;width:100%;height:40px;line-height:40px;cursor:pointer;color:#8ca1af;}


/*       小菜单          */
.nav-small-box{position:relative;}
.nav-small-icons{display:block;width:70px;height:50px;line-height:50px;text-align:center;}
.nav-small-icons:hover,.nav-small-active{background:#29353D;}
.nav-menu-list{width:160px;min-height:400px;position:absolute;left:70px;background:#2C3942;z-index:9999;top:0;display:none;}
.nav-menu-list a{font-size:12px;line-height:40px;display: block;width: 100%;height: 40px;overflow: hidden;}
.nav-menu-list li{text-indent:50px;}
.nav-menu-list li a{color:#8ca1af;}
.nav-menu-list a:hover,.sidebar-nav-active{background:#2C3942;color:#FFF;}




.sidebar-nav a{font-size:12px;line-height:40px;display: block;width: 100%;height: 40px;overflow: hidden;}
.sidebar-active{border-left:4px solid #ED3A4D;background:#0D1215;}
.sidebar-nav li{text-indent:50px;}
.sidebar-nav li a{color:#8ca1af;}
.sidebar-nav a:hover,.sidebar-nav-active{background:#2C3942;color:#FFF;}
.main-continer h1{font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;height:40px;border-bottom:1px solid #EEEFEF;font-size:16px;line-height:40px;text-indent:2em;color:#3E3E3E;margin-bottom:10px;}
.select-box{height:36px;width:120px;background:#F6F7F9;padding:0;margin-left:2em;float:left;}
.cs-select{height:36px;padding:0;background:#F6F7F9;border:1px solid #E5E5E5;}
.cs-options {background:#CFD;}
.ui-form-item{margin-bottom:10px;}
@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot'); /* IE9*/
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}


.iconfont{
    color:#999;
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.nav-icon{width:50px;float:left;text-align:center;font-size:16px;}
.iconfont-fold{margin-right:10px;float:right;font-size:24px;}



.gloading span{background:url('../img/gloading.gif') no-repeat left center;width:160px;height:32px;line-height:32px;text-align:center;position:absolute;top:50%;left:50%;margin-left:-80px;margin-top:-16px;font-size:12px;color:#3E3E3E;}



/*     邮件表单部分    */
.mail-item{position:relative;}
.mail-item .form-control{height: 48px;text-indent: 90px;-moz-box-shadow: none;box-shadow: none;width:100%;border:1px solid #D6D7DA;}

.mail-item .form-name{position: absolute;left: 0;top: 0;z-index: 5;line-height: 48px;padding: 0 15px;font-weight: bold;color: #717272;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/*     switch-btn    */
.switcher-wrapper{cursor: pointer; position: relative; display: inline-block; width: 60px; height: 26px; margin-left: 8px;
    margin-right: 8px; border-radius: 999px; background-color: #d8dce6; -webkit-transition: all .15s; transition: all .15s;text-indent:30px;}
.switcher{margin-left:0;position: absolute;top: 2px;left: 4px;width: 22px;height: 22px;border-radius: 999px;background-color: #fff;-webkit-transition: all .15s;transition: all .15s;}
.switcher-wrapper i{font-weight:none;font-style:normal;line-height:26px;font-size:8px;color:#666;}
.on .switcher{left:34px;}
.on .switcher-wrapper{background-color: #3DBA3F;text-indent:10px;}
.on .switcher-wrapper i{color:#FFF;}


.modal-content{border-radius:0;}
.modal-content .modal-body{min-height:10px;}



.ui-form-item{margin-bottom:20px;}



.add-button{font-size: 12px;text-decoration: none;display: block;height: 36px;line-height:32px;text-align: center;background: #36B0C8;color: #FFF;padding: 0 20px;float:left;margin-left:10px;}










.option_label {height:16px;margin:0;margin-right:20px;margin-bottom:10px;width:100px;}
.option_label input,.option_label span{margin:0;padding:0;}
.option_label input{width:16px;height:16px;float:left;}
.option_label span{font-size:14px;float:left;line-height:16px;margin-left:4px;}

.radio_text{margin-left:10px;}






/* .category_box{float:left;margin-right:10px;overflow-y:auto;width:20%;border:1px solid #009688;background:#FFF;height:400px;}
.category_box li{}
.category_box i{float:right;}
.category_box a{display:block;padding:6px 0; text-indent:12px;}
.category_select,.category_box a:hover{background:#EDF2F3;} */


/* 分页基本样式          */
.ui-page-box{margin:20px 0;display:none;}
.ui-page-list{width:100%;}
.ui-page-list li{display:list-item;border-radius:3px;float:left;height:40px;line-height:40px;overflow:hidden;text-align: center;background:#EFF2F5;margin-right:10px;}
.ui-page-list a{padding:0 16px;height:40px;line-height: 40px;display: block;color: #99a1a7;font-size: 18px;font-family: 'Calibri';font-style: italic;}
.ui-page-list a:hover,a.ui-page-active{background:#36B0C8;color:#FFF;}

/* jqpagination 分页插件样式 */
.pagination {border:1px solid #CDCDCD;border-radius:0;margin:0;}
.pagination a {display: block;float: left;height: 40px;line-height:40px;padding:0 10px;outline: none;border-right: 1px solid #CDCDCD;border-left: 1px solid #CDCDCD;color: #000;vertical-align: middle;text-align: center;text-decoration: none;font-size: 16px;color: #777;background:#FFF;min-width:80px;}
.pagination a:hover{background:#F7F7F7;}
.pagination a.disabled{color:#A8A8A8;}
.pagination a.disabled:hover{color:#A8A8A8;background:#FFF;}
.pagination a:first-child,.pagination a:last-child {border: none;}
.pagination input {float: left;margin: 0;padding: 0;width: 120px;height: 40px;outline: none;border: none;vertical-align: middle;text-align: center; }
